﻿html, body
{
    height: 100%;
}
body
{
    background: #ffffff url('../images/sidebar-bg.png') repeat-y;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    line-height:1.4em;
}
#header
{
    background: #0D3379 url('../images/header-overlay.png') no-repeat left -120px;
    height: 70px;
    border-top:#0C3569;
    padding:10px;
    position: relative;
}
#logo
{
    margin-top:10px;
}
#header-bottom
{
    background: #f3f3f3;
    height: 10px;
    border-bottom: 1px solid #0D3379;
    position: relative;
}

#sidebar
{
    margin: 0;
    padding: 10px;
    float: left;
    width: 200px;
    line-height: 1.1em;
}
#sidemenu
{
    list-style: none;
    padding: 0;
    width:250px;
    margin-left: -40px;
    background: #f3f3f3;
    border-top: 1px solid #9f9f9f;
}
#sidemenu li a,#sidemenu li a:visited
{
    display: block;
    padding: 10px;
    width: 201px;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: bold;
    border-bottom: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    text-decoration: none;
}
#sidemenu li a img
{
    margin: 2px 5px -3px 2px;
}
#sidemenu li a:hover,#sidemenu li.active a
{
    background: #ffffff;
}
#sidemenu li.active a
{
    font-size: .9em;
    font-weight: bold;
    border-right: 1px solid #ffffff;
}
.content{display:none;}
.content ul
{
    list-style: none;
    padding: 0;
    width:250px;
    margin-left: -30px;  
    margin-bottom:0;
}
.content ul li a
{
    border-right: 1px solid #9f9f9f !important;
    width: 176px !important;
    padding-left:35px !important;
}
.username
{
    color: #030303;
    line-height:35px !important;
    font-size: .9em;
    font-weight: bold;
}
#main
{
    margin: 20px 0 10px 225px;
}
#controls
{
    margin-bottom: 10px;
}

/* Float
=============================================================================================*/
.css_right
{
    float: right;
}
.css_left
{
    float: left;
}
.clear
{
    clear: both;
}
.relative{position:relative;}
.absolute{position:absolute;}
/* Text Alignment
=============================================================================================*/
.align-right{text-align:right;}
.align-center{text-align:center;}

/* Display
=============================================================================================*/
.hidden{display:none;}
.inline{display:inline;}
.block{display:block;}


/* Layout
=============================================================================================*/
.bt-margin-10{margin-bottom:10px !important;}

.rt-margin-10{margin-right:10px !important;}

.col2-left{float:left;width:49%;}
.col2-right{float:right;width:49%;}

/* Misc
=============================================================================================*/
.cursor{cursor:pointer;}

/* Breadcrumbs
=============================================================================================*/
.breadcrumb {overflow:hidden;width:100%;padding:0;}
.breadcrumb ul {overflow:hidden;list-style:none;padding:0;margin:0;}
.breadcrumb ul li {float:left;color:#ccc;font-size:11px;margin-right:10px; margin-left:0 !important;}
.breadcrumb ul li a {color:#333;text-decoration:none;padding-right:20px;background:url("../images/breadcrumbs.png") 100% 60% no-repeat;}
.breadcrumb ul li a:hover {text-decoration:underline;}
.breadcrumb .button {margin-top:-15px; margin-bottom:10px;}
.breadcrumb .button img {margin-bottom:-3px;}


/* Blocks
=============================================================================================*/
div.block { padding:0; margin: 10px 0; background: #fff; line-height: 140%; border: 1px solid #d5d5d5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div.block .bcontent { padding:10px; overflow:hidden; font-size: 12px; }
div.block > h3 { font-size: 12px;  font-weight:bold; text-transform: uppercase;  color: #1f1f1f;height:32px; margin:0;line-height:32px; background: transparent url('../images/block_header.png') repeat-x 0 0; border-bottom: 1px solid #d5d5d5; padding:0; }
div.block > h3 span { display: block; height: 32px; padding:0 10px; }
div.block.collapsible.closed > h3 {border-bottom:none;}
div.block.collapsible > h3 span {background:url("../images/tog_expand.png") 96% -55px no-repeat;cursor:pointer;}
div.block.collapsible.closed > h3 span {background:url("../images/tog_expand.png") 96% 9px no-repeat;}
div.block.collapsible.closed .bcontent {display:none;}

.gallery_item {border:1px solid #0C3569; padding:10px;}
.gallery_item.selected{background:#f3f3f3;}

.typing{background:#FFFFD4 !important;}
.available{background:#CCFFCC !important;}